<div class="main-content">
	<div class="breadcrumbs" id="breadcrumbs">
		<!-- .breadcrumb -->
	</div>
	<div class="page-content">
        
        <div class="page-header">
			<h1>新增APP用户</h1>
		</div>
		<div class="row">
			 <div class="col-xs-12">
				<!-- PAGE CONTENT BEGINS -->
					<?php if (isset($type) && $type=="errors"){?>
						<div class="alert alert-danger alert-dismissable">
							该手机号已经注册，请勿重复注册！
						</div>
					<?php }?>
					<form id="usrform" action="<?php echo base_url()."admin/user/add_user"?>" method="post">
				    	<div class="box-body" style="display: inline-block;width: 100%">
					        <div class="form-group col-xs-6">
					            <label>姓名:</label><span style="color: #a94442;"><?php echo form_error("card_name")?></span>
					            <input name="card_name" type="text" class="form-control" placeholder="请输入真实姓名" value="<?php echo set_value("card_name")?>" check-type="required">
				            </div>
	                        <div class="form-group col-xs-6">
					            <label>身份证号:</label><span style="color: #a94442;"><?php echo form_error("cardno")?></span>
					            <input name="cardno" type="text" class="form-control" placeholder="请输入身份证号" value="<?php echo set_value("cardno")?>" check-type="required">
				            </div>
				            <div class="form-group col-xs-6">
					            <label>性别</label>
					            <select name="sex" class="form-control" check-type="required">
		                            <option value="男">男</option>
		                            <option value="女">女</option>
				                </select>
				            </div>
				            <div class="form-group col-xs-6">
					            <label>电话:</label><span style="color: #a94442;"><?php echo form_error("user_phone")?></span>
					            <input name="user_phone" type="text" class="form-control" placeholder="请输入电话号" value="<?php echo set_value("user_phone")?>" check-type="required">
				            </div>
				            <div class=" col-xs-12">
			            	<table class="table table-striped table-bordered table-hover">
			            		<tr>
                                	<td class="text_rt" style="width: 10%;">
                                		<p>身份证正面:</p>
                                		<button id="select" type="button">上传</button>
                                	</td>
                                    <td style="width: 40%;">
                                		<div style="width:70%; margin: auto;">
				  							<input type="hidden" id="url" name="cardpic_front" value="">
				    						<img id="headpic" style="width: 100%;" src="<?php echo base_url()?>themes/default/images/photo_icon.png" />
										</div>
                                   </td>
                                   <td class="text_rt" style="width: 10%;">
                                   		<p>身份证反面:</p>
                                   		<button id="select_one" type="button">上传</button>
                                   	</td>
                                    <td style="width: 40%">
                                    	<div style="width:70%; margin: auto;">
				  							<input type="hidden" id="url_one" name="cardpic_back" value="">
				    						<img id="headpic_one" style="width: 100%;" src="<?php echo base_url()?>themes/default/images/photo_icon.png" />
										</div>
                                    </td>
                                </tr>
			            	</table>
			            </div>
			            </div>
			            
			            <div class="clearfix form-actions">
							<div class="col-md-offset-3 col-md-9">
								<button id="btnSubmit" class="btn btn-info" type="submit">
									<i class="icon-ok bigger-110"></i>
									保存
								</button>
	
								&nbsp; &nbsp; &nbsp;
								<a class="btn" href="<?php echo base_url()."admin/user/index"?>">
									<i class="icon-undo bigger-110"></i>
									返回
								</a>
							</div>
						</div>
					</form>
			</div>
		</div><!-- /.row -->
	</div><!-- /.page-content -->
</div><!-- /.main-content -->
<script type="text/javascript">
$("#usrform").validation();
//保存
$("#btnSubmit").on('click',function(event){
  // 2.最后要调用 valid()方法。
  if ($("#usrform").valid()==false){
    return false;
  }
});
</script>
<script>
	$(function () {
        var uploader = null;
        //上传初始化
		if(uploader==null){
        	uploader = WebUploader.create({
        	    // 选完文件后，是否自动上传。
        	    auto: true,
        	    //不压缩图像
        	    compress:false,
        	    // swf文件路径
        	    swf:'<?php echo base_url()?>themes/webuploader/Uploader.swf',
        	    // 文件接收服务端。
        	    server: '<?php echo site_url("admin/upyun/webuploader")?>',
        	    // 选择文件的按钮。可选。
        	    // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        	    pick: '#select',
        	    // 只允许选择图片文件。
        	    accept: {
        	        title: 'Images',
        	        extensions: 'gif,jpg,jpeg,bmp,png',
        	        mimeTypes: 'image/*'
        	    }
        	});
        	//文件上传成功，显示图片。
        	uploader.on('uploadSuccess', function(file,response) {
        		$('#headpic').attr('src',response.file_path);
        		uploader.reset();
        		$('#url').val(response.file_path);
        	});

        	// 文件上传失败，显示上传出错。
        	uploader.on( 'uploadError', function( file ) {
        		$('#error').html('上传失败');
        		$('#error').show();
        	});
		}
    });
     $(function () {
        var uploader = null;
        //上传初始化
		if(uploader==null){
        	uploader = WebUploader.create({
        	    // 选完文件后，是否自动上传。
        	    auto: true,
        	    //不压缩图像
        	    compress:false,
        	    // swf文件路径
        	    swf:'<?php echo base_url()?>themes/webuploader/Uploader.swf',
        	    // 文件接收服务端。
        	    server: '<?php echo site_url("admin/upyun/webuploader")?>',
        	    // 选择文件的按钮。可选。
        	    // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        	    pick: '#select_one',
        	    // 只允许选择图片文件。
        	    accept: {
        	        title: 'Images',
        	        extensions: 'gif,jpg,jpeg,bmp,png',
        	        mimeTypes: 'image/*'
        	    }
        	});
        	//文件上传成功，显示图片。
        	uploader.on('uploadSuccess', function(file,response) {
        		$('#headpic_one').attr('src',response.file_path);
        		uploader.reset();
        		$('#url_one').val(response.file_path);
        	});

        	// 文件上传失败，显示上传出错。
        	uploader.on( 'uploadError', function( file ) {
        		$('#error').html('上传失败');
        		$('#error').show();
        	});
		}
    });
</script>